<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				border:1px solid blue;
				height:300px;
				width:300px;
				padding:10px;
			}
			a{
				width:100px;
				height:100px;
				display:block;
				border:1px solid red;
				background: red;
				color:white;
				line-height:100px;
				text-indent:30px ;
				
				
			}
			.href2{
				
				position:relative;
				top:-100px;
				right:-200px;
				
			}
			.href3{
				position:relative;
				top:-10px;
				
			}
			.href4{
				position:relative;
				bottom:110px;
				left:200px;
				
			}
			.href5{
				position:relative;
				top:-310px;
				right:-100px;
			}
			a{
				text-decoration: none;
			}
			a:hover{
				color:blue;
			}
		</style>
	</head>
	<body>
		<div>
			<a href="#" class="href1">链接1</a>
			<a href="#" class="href2">链接2</a>
			<a href="#" class="href3">链接3</a>
			<a href="#" class="href4">链接4</a>
			<a href="#" class="href5">链接5</a>
		</div>
	
	</body>
</html>
